<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <link href="https://cdn.bootcss.com/element-ui/2.8.2/theme-chalk/index.css" rel="stylesheet"/>
    <title>后台管理员登录</title>
    <style>
        [v-cloak] {
            display: none !important;
        }
        .row-margin-top {
            margin-top: 300px;
        }
    </style>
</head>
<body>
<div id="app" v-cloak>
    <div class="row-margin-top">
        <el-row>
            <el-col :xl="cs.xl" :lg="cs.lg" :md="cs.md" :sm="cs.sm" :xs="cs.xs">
                <el-row style="text-align:center; margin-bottom:20px; font-size:24px;">后台管理员登录</el-row>
                <el-form :model="form" :rules="rules" ref="form">
                    <el-form-item prop="username">
                        <el-input v-model="form.username" placeholder="请输入用户名" @keyup.enter.native="submitForm"></el-input>
                    </el-form-item>
                    <el-form-item prop="password">
                        <el-input type="password" v-model="form.password" placeholder="请输入密码" @keyup.enter.native="submitForm"></el-input>
                    </el-form-item>
                    <el-form-item style="text-align:center">
                        <el-button style="width:100%" type="primary" @click="submitForm">登录</el-button>
                    </el-form-item>
                </el-form>
            </el-col>
        </el-row>
    </div>
</div>

<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
<script src="https://cdn.bootcss.com/element-ui/2.8.2/index.js"></script>
<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.min.js"></script>
<script src="/assets/js/login.js"></script>
</body>
</html>